বুটস্ট্রাপ ব্যাজ(Badge)
বুটস্ট্রাপ ব্যাজ হলো একটি লিংকের সাথে সম্পৃক্ত আইটেমের সংখ্যাত্বক ইঙ্গিত।
ব্যাজ তৈরি করার জন্য < span > এলিমেন্টে .badge ক্লাস ব্যবহার করুনঃ
kt_satt_skill_example_id=955
ব্যাজ যে কোনো এলিমেন্টের ভিতরেই লিখা যায়, যেমন বাটনঃ
বাটনের মধ্যে কিভাবে ব্যাজ ব্যবহার করা যায় তা নিচের উদাহরণে দেখানো হলোঃ
kt_satt_skill_example_id=956
বুটস্ট্রাপ লেবেল
বুটস্ট্রাপ লেবেল ব্যবহার করে কোনো কিছু সম্পর্কে অতিরিক্ত তথ্য প্রদান করা হয়ঃ
লেবেল নতুন
লেবেল নতুন
লেবেল নতুন
লেভেল তৈরি করার জন্য < span > এলিমেন্টের মধ্যে .label ক্লাস এবং কনটেকচুয়াল ক্লাসগুলোর যেকোন একটি ব্যবহার করুন। কনটেকচুয়াল ক্লাসগুলো হলো- .label-default, .label-primary, .label-success, .label-info, .label-warning অথবা .label-danger
kt_satt_skill_example_id=957
একনজরে লেভেল এবং ব্যাজ সংক্রান্ত ক্লাসগুলো দেখে নেইঃ
| ক্লাস | বর্ণনা |
|---|---|
.label label-default | একটি ডিফল্ট ধূসর লেভেল তৈরি করে। |
.label label-primary | "primary" টাইপের একটি নীল কালারের লেভেল তৈরি করে। |
.label label-success | "success" টাইপের একটি সবুজ কালারের লেভেল তৈরি করে। |
.label label-info | "info" টাইপের হালকা নীল কালারের লেভেল তৈরি করে। |
.label label-warning | "warning" টাইপের হলুদ লেভেল তৈরি করে। |
.label label-danger | "danger"; টাইপের লাল লেভেল তৈরি করে। |
.badge | নতুন বা অপঠিত আইটেমকে বুঝায়। |
Read more